<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="widtd=device-widtd, initial-scale=1, shrink-to-fit=no" charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/bootstrap-table.min.css">

    <script src="../js/jquery-3.3.1.js"></script>
    <script src="../js/bootstrap.bundle.min.js"></script>
    <script src="../js/bootstrap-table.min.js"></script>
    <script src="../js/bootstrap-table-zh-CN.min.js"></script>
    <script src="../js/account.js"></script>

    <!-- 获取时间-->
    <script>
        $(function () {
            Time();
        })

        function Time() {
            var time = new Date();
            var y = time.getFullYear();
            var mon = time.getMonth() + 1; //0-11
            var d = time.getDate();
            var h = time.getHours();
            var m = time.getMinutes();
            var s = time.getSeconds();
            $("#datetime").val(y + "-" + mon + "-" + d + " " + h + ":" + m + ":" + s);
        }
    </script>

    <style>
        body {
            background-color: #d1ecf1;
        }
        .row{
            margin-top: 8px;
            margin-left: 20px;
        }
        span{
            font-size: 15px;
        }
        .xia{
            border: none;
            border-bottom: 1px solid black;
            background-color: #f8fafa;
        }
        .tables{
            border: none;
            background-color: #f1f1f1;
        }
        #datetime{
            background-color: #f8fafa;
            border: none;
        }
    </style>
    <script>
        function fh() {
            window.history.go(-1);
        }
    </script>
</head>
<body>

<div class="row" style="margin-top: 10px;margin-left: 20px;">
    <div class="col text-left">
        <span style="color: #0c84ff;">请说明本页面任务。。。。</span>
    </div>
</div>
<hr>
<div class="container h-100" style="height: 900px;" >
    <form id="form" method="post">
        <div class="row" style="margin-top: 10px;">
            <div class="col text-left">
                <span>至少要有一种物料（数量可为0）</span>
            </div>
            <div class="col text-right">
                <input type="button" value="添加物料" class="btn btn-warning">
                <input type="button" value="删除物料" class="btn btn-danger">
                <input type="button" value="预览" class="btn btn-success">
                <input type="button" onclick="fh()" value="返回" class="btn btn-primary">
            </div>
        </div>
        <div style="border-style: groove;margin-top: 10px;background-color:#f8fafa">
            <div class="row">
                <div class="col text-center">
                    <h4 style="margin-top: 10px;margin-left: -90px;">物料组成设计单</h4>
                </div>
            </div>
            <div class="row">
                <div class="col text-left">
                    <span>产品名称：</span>
                    <span name="name" >敌敌畏自动喷砂机</span>
                </div>
                <div class="col text-left">
                    <span>产品编号：</span>
                    <span name="name" >0302131203</span>
                </div>
            </div>
            <div class="row">
                <div class="col text-left">
                    <span> &nbsp; 设计人 ：</span>
                    <input type="text" class="xia">
                </div>
            </div>
            <div class="row" style="width: 90%;font-size: 12px;">
                <div class="col text-left">
                    <table class="table table-bordered text-left" style="background-color: #f1f1f1">
                        <tr >
                            <th><input type="checkbox"></th>
                            <th>物料编号</th>
                            <th>物料名称</th>
                            <th>用途类型</th>
                            <th>描述</th>
                            <th>数量</th>
                            <th>单位</th>
                            <th>计划成本单价(元)</th>
                            <th>小计(元)</th>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>1210</td>
                            <td>包装</td>
                            <td>打包包装</td>
                            <td>打包用</td>
                            <td><input type="number" class="tables" min="0" style="border: none;height: 25px;"></td>
                            <td>箱</td>
                            <td>168</td>
                            <td>0</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="row">
                <div class="col text-left">
                    <span> &nbsp; 登记人 ：</span>
                    <input type="text" class="xia">
                </div>
                <div class="col text-left">
                    <span> &nbsp; 登记时间 ：</span>
                    <input type="text" name="" id="datetime" >
                </div>
            </div>
            <div class="row" >
                <div class="col text-left">
                    <span>  设计要求：</span><br>
                    <textarea name="" style="width: 70%;margin-left: 80px;"></textarea>
                </div>
            </div>

            <div style="margin-top: 100px;">
            </div>
        </div>
    </form>
</div>

</body>
</html>